<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM</title>
    <script src="../Public/publicjs.js" type="text/javascript"></script>
    <script src="../../webjar/bootstrap-tree/bootstrap-treeview.js" type="text/javascript"></script>
    <script src="../Uom/UomChose.js" type="text/javascript"></script>
    <script src="../Public/ibcpSelectProduct.js" type="text/javascript"></script>
    <script src="../Public/ibcpSelectMat.js" type="text/javascript"></script>
    <script src="../Public/Signature.js" type="text/javascript"></script>
    <script src="BOM.js" type="text/javascript"></script>
</head>
<body>

<div id="contain" class="row" >
    <div class="col-sm-3" id="leftDiv">
        <div id="pieceLeft" class="panel panel-default">
            <div class="panel-heading">
                <h2><span class="label label-custom">BOM查询列表</span></h2>
            </div>
            <div class="panel-body">
                <div id="top">
                    <div style="left: 15px;right: 80px;width:auto;position: absolute">
                        <input class="form-control" id="BOMSearchInput" placeholder="多条件请以 空格 分开">
                    </div>
                    <div style="text-align: right;padding-right: 0">
                        <button id="BOMSearchBtn" type="button" class="btn btn-custom">搜索</button>
                    </div>
                </div>
                <div id="BOMTreeFather" style="overflow: auto;top: 100px;position: absolute;bottom: 15px;left: 15px;right: 15px">
                    <div id="BOMTree"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-9" id="rightDiv">
        <div class="panel panel-default" style="margin: 0">
            <div class="panel-heading">
                <div class="row" style="margin: 0">
                    <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">基本信息</span></h2>
                    <div class="col-sm-9" style="padding: 0">
                        <div class="btn-toolbar" style="float: right;margin-right: 10px">
                            <button id="addBOMBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="新增BOM"><span class="fa fa-plus"/></button>
                            <button id="copyBOMBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="拷贝BOM"><span class="fa fa-copy"/></button>
                            <button id="currentVersionBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="当前版本信息"><span class="fa fa-eye"/></button>
                            <button id="updateVersionBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="版本升级"><span class="fa fa-arrow-up"/></button>
                            <button id="historyVersionBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="版本历史"><span class="fa fa-calendar"/></button>
                            <button id="changeStatusBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="状态转移"><span class="fa fa-exchange"/></button>
                            <button id="editCommentBtn" type="button" class="btn btn-custom btn-sm" data-toggle="tooltip" data-placement="bottom" title="修改备注"><span class="glyphicon glyphicon-pencil"/></button>
                            <button id="deleteBOMBtn" type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="删除BOM"><span class="glyphicon glyphicon-trash"/></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body" style="padding-bottom: 0px">
                <div style="margin-top: 5px">
                    <div class="row">
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">产品代码</span >
                                <input id="productCode" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">产品名称</span >
                                <input id="productName" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">批量（单位）</span >
                                <input id="productQuantity" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">版本</span >
                                <input id="productVersion" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">状态</span >
                                <input id="productStatus" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">备注</span >
                                <textarea id="productComment" class="form-control" rows="1"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default" style="margin:0;top: 155px;left: 5px;right: 5px;bottom: 5px;position: absolute">
            <div class="panel-heading">
                <div class="row" style="margin: 0">
                    <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">物料项</span></h2>
                    <div class="col-sm-9" style="padding: 0">
                        <div class="btn-toolbar" style="float: right;margin-right: 10px">
                            <button id="addMaterialBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="新增物料"><span class="fa fa-plus"/></button>
                            <button id="editMaterialBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="编辑物料"><span class="glyphicon glyphicon-pencil"/></button>
                            <button id="detailMaterialBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="查看详情"><span class="fa fa-eye"/></button>
                            <button id="deleteMaterialBtn" type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="删除物料"><span class="glyphicon glyphicon-trash"/></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body" style="padding-bottom: 0">
                <div id="materialTableParent" style="top: 60px;bottom: 5px;left: 10px;right: 10px;position: absolute;">
                    <table id="materialTable" data-toggle="table"
                           data-click-to-select="true"
                           data-striped="true"
                           data-row-style="rowStyle"
                           data-cell-style="cellStyle"
                           data-unique-id="itemCode"
                    >
                        <thead>
                        <tr>
                            <th data-field="bomId" data-visible="false"></th>
                            <th data-field="itemCode">编号</th>
                            <th data-field="code">物料代码</th>
                            <th data-field="name">物料名称</th>
                            <th data-field="quantity">数量</th>
                            <th data-field="uomEngName">单位</th>
                            <th data-field="precisionId" data-visible="false"></th>
                            <th data-field="precisionValue">精度</th>
                            <th data-field="inDepc">是否固定数量</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    html{
        height: 100%;
        margin: 0;
    }
    body,#contain,#pieceLeft,#pieceRight{
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #leftDiv,#rightDiv{
        height: 100%;
        margin: 0;
        padding: 0px 5px 5px;
    }
    fieldset{
        padding:.35em .625em .75em;
        margin:10px;
        border:1px solid silver
    }
    legend{
        padding:.5em;
        border:0;
        width:auto;
        margin-bottom: 0
    }


</style>

<script>
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
</body>
</html>